<!-- <template>
    <h1>这是A1</h1>
    <md-viewer :value="mdContent" />

</template>
<script lang="ts" setup>
import MdViewer from '../components/MdView.vue'
import {ref} from 'vue'

const mdContent = ref('jsflkadlkfajdlkfaljfalkdjl\n# 啊啊啊、\nbbbb')
</script> -->

<script setup lang="ts">
import MdView from '../components/MdView.vue'
import {  computed,
  watch,
  onMounted,
  onUnmounted,
  ref,
  nextTick} from 'vue'
const mdcontent = ref(`# 1. hello
world!
,./
#$%^&*()_

fdsaljl

![毕业设计.png](http://192.168.101.200:9000/sns/e66499c9-19b5-4e35-8d12-2edd084db8cb)

hello woooo美女！=980以867！@#￥%……&*（）——！@#￥%……&*（）——!@#$%^&*()_@#$%^&*()_`)
</script>

<template>
  <main>
    <MdView :value="mdcontent" />
  </main>
</template>

<style scoped>
.h100 /deep/ .bytemd {
    height: 100vh !important;
}

#app {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  font-weight: normal;
}
</style>
